var theHeight= 0;
var increase= 0;
$(function(){
    //网站默认颜色
    otherColor('success');
    $("[data-toggle='tooltip']").tooltip();
    //最小屏幕下的样式
    $('.right_box_on').click(function(){
        $('.right_box_on').find('span').hide("slow");
        $('.small_right_box').show("slow").focus();
    });
    $('.small_right_box').click(function(){
        $('.small_right_box').hide("slow");
        $('.right_box_on').find('span').show("slow");
    });
    //自定义登录弹窗
    //$('#modal-container').modal('show');
    //切换登录、注册
    $('#switch').click(function(){
        var switch_show = $('.switch.show');
        var switch_hidden = $('.switch.hidden');
        switch_show.removeClass('show').addClass('hidden');
        switch_hidden.removeClass('hidden').addClass('show');
        if($('#switch').html() == '注册账号') {
            $('#switch').html('直接登录');
        } else {
            $('#switch').html('注册账号');
        }
    });
    //验证账号密码规则
    $('.username').keyup(function(e){
        if(e.which !== 27) {
            var val = $(this).val();
            if(val.length < 6 || val.length > 18) {
                $(this).parent().parent().removeClass('has-success').addClass('has-error');
            } else {
                $(this).parent().parent().removeClass('has-error').addClass('has-success');
            }
        }
    });
    $('.password').keyup(function(e){
        if(e.which !== 27) {
            var val = $(this).val();
            if(val.length < 6 || val.length > 18) {
                $(this).parent().parent().removeClass('has-success').addClass('has-error');
            } else {
                $(this).parent().parent().removeClass('has-error').addClass('has-success');
            }
        }
    });
    $('.password2').keyup(function(e){
        if(e.which !== 27) {
            var val = $(this).val();
            if(val.length < 6 || val.length > 18 || val != $('.password1').val()) {
                $(this).parent().parent().removeClass('has-success').addClass('has-error');
            } else {
                $(this).parent().parent().removeClass('has-error').addClass('has-success');
            }
        }
    });
    //点击登录按钮事件
    $('#login_blog').click(function(){
        alert('事件写好了，你只需要加上ajax');
    });
    //窗口下拉事件
    $(window).scroll( function() {
        var theHeight = $(document).scrollTop();
        if(theHeight > 100) {
            $('.navbar').fadeOut("slow");
            $('.right_return_on').fadeIn("slow");
        } else {
            $('.navbar').fadeIn("slow");
            $('.right_return_on').fadeOut("slow");
        }
    } );
    //点击图标 返回顶部
    $('.right_return_on').click(function(){
        reduceHeight();
    });
});
//判断导航条的高度 最小型窗口下是否显示返回顶部图标
function reduceHeight(){
    theHeight = $(document).scrollTop();
    var poor = increase++;
    if(theHeight > poor) {
        $(document).scrollTop(theHeight - poor);
        window.requestAnimationFrame(reduceHeight);//1000为1秒钟
    } else if (theHeight <= poor){
        $(document).scrollTop(0);
        increase = 0;
    }
}
//切换颜色函数
function otherColor(s){
    var sum = $('.panel').size();
    for (var a=0; a<sum; a++) {
        var thePanel = $('.panel').eq(a);
        var colorClass = thePanel.attr('colorClass');
        thePanel.removeClass(colorClass).addClass('panel-'+s).attr('colorClass','panel-'+s);

        switch(s)
        {
            case 'default':
                $('.navbar-mycolor').css('backgroundColor','#F5F5F5');
                //$('.navbar-mycolor').css('borderColor','#F5F5F5');
                break;
            case 'primary':
                $('.navbar-mycolor').css('backgroundColor','#337AB7');
                //$('.navbar-mycolor').css('borderColor','#337AB7');
                break;
            case 'success':
                $('.navbar-mycolor').css('backgroundColor','#DFF0D8');
                //$('.navbar-mycolor').css('borderColor','#DFF0D8');
                break;
            case 'info':
                $('.navbar-mycolor').css('backgroundColor','#D9EDF7');
                //$('.navbar-mycolor').css('borderColor','#D9EDF7');
                break;
            case 'warning':
                $('.navbar-mycolor').css('backgroundColor','#FCF8E3');
                //$('.navbar-mycolor').css('borderColor','#FCF8E3');
                break;
            case 'danger':
                $('.navbar-mycolor').css('backgroundColor','#F2DEDE');
                //$('.navbar-mycolor').css('borderColor','#F2DEDE');
                break;
            default:
                alert('抱歉没有这个颜色！')
        }
    }
}